<template>
  <view class="bankmanage-box">
    <view class="tips">*每个账户可以最多绑定5张银行卡</view>
    <view class="bankmanage-item">
      <view class="row1">
        <text>工商银行</text>
        <uni-icons type="closeempty"></uni-icons>
      </view>
      <view class="row2">
        <text>622848***************1541</text>
      </view>
    </view>
    <view class="bottom">
      <uni-icons type="pluseempty"></uni-icons>
      <text>添加银行卡</text>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  }
};
</script>

<style lang="scss">
  .bankmanage-box {
    position: relative;
    height: 100%;
    .tips {
      padding-left: 30rpx;
      height: 50rpx;
      background-color: #F3DCBA;
      font-size: 26rpx;
      color: #A77D40;
      line-height: 50rpx;
    }
    .bankmanage-item {
      margin: 0 30rpx;
      height: 160rpx;
      border-radius: 26rpx;
      background-color: cyan;
      margin-top: 40rpx;
      margin-bottom: 20rpx;
      padding-top: 36rpx;
      padding-left: 38rpx;
      padding-right: 37rpx;
      .row1 {
        display: flex;
        justify-content: space-between;
      }
      .row2 {
        margin-top: 28rpx;
      }
    }
    .bottom {
      position: absolute;
      bottom: 0;
      height: 100rpx;
      background-color: #FFFFFF;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
</style>
